<style scoped lang="stylus">
#reminder {
  padding: 100px;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;

  .bgImage {
    width: 300px;
    height: 200px;
    margin: 0px auto;

    > img {
      width: 100%;
      height: 100%;
    }
  }

  .explain {
    margin-top: 50px;
    width: 100%;
    text-align: center;

    > h1 {
      font-size: 30px;
      color: #7a7ae7;
    }
  }

  .Btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size 15px
    color #fff
    margin: 50px auto;
    border-radius: 5px;
    background-color: #6a6ac6;
    cursor: pointer;

    &:hover {
      background-color: #7a7ae7;
    }
  }
}
</style>

<template>
  <div id="reminder">
    <div class="bgImage">
      <img src="../../assets/img/图标-03.svg" alt="">
    </div>
    <div class="explain">
      <h1>亲，您的浏览器版本过低，请升级至最新版本，谢谢！</h1>
    </div>
    <div class="Btn" @click="goTo()">
      最新版链接 >>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "reminder",
  data() {
    return {};
  },
  computed: {},
  methods: {
    goTo() {
      window.location.href = "https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads";
    },
/*
    browser(){
      var agent = navigator.userAgent.toLowerCase(), 
      opera = window.opera, 
      browser = { 
        //检测当前浏览器是否为IE 
        ie: /(msie\s|trident.*rv:)([\w.]+)/.test(agent), 

        //检测当前浏览器是否为Opera 
        opera: (!!opera && opera.version), 

        //检测当前浏览器是否是webkit内核的浏览器 
        webkit: (agent.indexOf(' applewebkit/') > -1), 

        //检测当前浏览器是否是运行在mac平台下 
        mac: (agent.indexOf('macintosh') > -1), 

        //检测当前浏览器是否处于“怪异模式”下 
        quirks: (document.compatMode == 'BackCompat') 
      }; 

      //检测当前浏览器内核是否是gecko内核 
      browser.gecko = (navigator.product == 'Gecko' && !browser.webkit && !browser.opera && !browser.ie); 
      console.log(browser.gecko + '``````````gecko``````````')
      console.log(browser.ie + '`````````ie`````````')
      console.log(browser.opera + '`````````opera`````````')
      console.log(browser.webkit + '`````````webkit`````````')
      console.log(browser.mac + '`````````mac`````````')
      console.log(browser.quirks + '`````````quirks`````````')

      var version = 0; 

      // Internet Explorer 6.0+ 
      if (browser.ie) { 
        var v1 = agent.match(/(?:msie\s([\w.]+))/); 
        var v2 = agent.match(/(?:trident.*rv:([\w.]+))/); 
        if (v1 && v2 && v1[1] && v2[1]) { 
          version = Math.max(v1[1] * 1, v2[1] * 1); 
          console.log(version + '检测浏览器是否是IE内核版本')
        } else if (v1 && v1[1]) { 
          version = v1[1] * 1; 
          console.log(version + '检测浏览器是否是IE内核版本')
        } else if (v2 && v2[1]) { 
          version = v2[1] * 1; 
          console.log(version + '检测浏览器是否是IE内核版本')
        } else { 
          version = 0; 
          console.log(version + '检测浏览器是否是IE内核版本')
        } 

        //检测浏览器模式是否为 IE11 兼容模式 
        browser.ie11Compat = document.documentMode == 11; 

        //检测浏览器模式是否为 IE9 兼容模式 
        browser.ie9Compat = document.documentMode == 9; 

        //检测浏览器模式是否为 IE10 兼容模式 
        browser.ie10Compat = document.documentMode == 10; 

        //检测浏览器是否是IE8浏览器 
        browser.ie8 = !!document.documentMode; 

        //检测浏览器模式是否为 IE8 兼容模式 
        browser.ie8Compat = document.documentMode == 8; 

        //检测浏览器模式是否为 IE7 兼容模式 
        browser.ie7Compat = ((version == 7 && !document.documentMode) || document.documentMode == 7); 

        //检测浏览器模式是否为 IE6 模式 或者怪异模式 
        browser.ie6Compat = (version < 7 || browser.quirks); 

        browser.ie9above = version > 8; 

        browser.ie9below = version < 9; 
      } 

      // Gecko. 
      if (browser.gecko) { 
        var geckoRelease = agent.match(/rv:([\d\.]+)/); 
        if (geckoRelease) { 
          geckoRelease = geckoRelease[1].split('.'); 
          version = geckoRelease[0] * 10000 + (geckoRelease[1] || 0) * 100 + (geckoRelease[2] || 0) * 1; 
          console.log(version + '检测浏览器是否是  火狐  内核版本')
        } 
      } 

      //检测当前浏览器是否为Chrome, 如果是，则返回Chrome的大版本号 
      if (/chrome\/(\d+\.\d)/i.test(agent)) { 
        browser.chrome = +RegExp['\x241']; 
        console.log(browser.chrome + '检测浏览器是否是  谷歌  内核版本')
      } 

      //检测当前浏览器是否为Safari, 如果是，则返回Safari的大版本号 
      if (/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && !/chrome/i.test(agent)) { 
        browser.safari = +(RegExp['\x241'] || RegExp['\x242']); 
        console.log(browser.safari + '检测浏览器是否是  safari  内核版本')
      } 

      // Opera 9.50+ 
      if (browser.opera) 
        version = parseFloat(opera.version()); 
        console.log(version + '检测浏览器是否是  opera 9.50+  内核版本')

      // WebKit 522+ (Safari 3+) 
      if (browser.webkit) 
        version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]); 
        console.log(version + '检测浏览器是否是  webkit 522+  内核版本')

      //检测当前浏览器版本号 
      browser.version = version; 
      console.log(browser.version + '当前浏览器内核版本')

      return browser; 
    }
*/
  },
  created() {
    // this.browser();
  }
};
</script>
